<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<f:view>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Aplicacion Rolemaster</title>
            <link rel="stylesheet" href="estilos.css" type="text/css">
        </head>
        <body>
            <h:panelGrid id="tablaPrincipal" columns="1" width="100%" styleClass="tablaPrincipal">
                <f:facet name="header">
                    <h:outputText value="ROLEMASTER - Edición de Jugadores"/>
                </f:facet>
                <f:subview id="menuView">
                    <jsp:include page="menu.jsp"/>
                </f:subview>
                <h:form id="form">
                    <h:outputText value="Jugadores" styleClass="tituloCategoria"/>
                    <h:dataTable id="tablaJugadores" value="#{gestorJugadores.jugadores}"
                                 styleClass="tablaJugadores" var="jugador">
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Nombre"/>
                            </f:facet>
                            <h:inputText size="15" value="#{jugador.nombre}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Base"/>
                            </f:facet>
                            <h:inputText size="10" value="#{jugador.expBase}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Anterior"/>
                            </f:facet>
                            <h:inputText readonly="true" size="10" value="#{jugador.expSuma}"/>
                        </h:column>
                        <%----%>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Actual"/>
                            </f:facet>
                            <h:inputText readonly="true" size="10" value="#{jugador.expSumaTemp}"/>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Exp. Total"/>
                            </f:facet>
                            <h:inputText readonly="true" size="10" value="#{jugador.expBase + jugador.expSuma + jugador.expSumaTemp}"/>
                        </h:column>

                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Cambiar"/>
                            </f:facet>
                            <h:commandLink action="#{gestorJugadores.modificaJugador}">
                                <h:graphicImage url="img/accept-24x24.png"/>
                                <f:param name="id" value="#{jugador.id}"/>
                            </h:commandLink>
                        </h:column>
                        <h:column>
                            <f:facet name="header">
                                <h:outputText value="Eliminar"/>
                            </f:facet>
                            <h:commandLink action="#{gestorJugadores.eliminaJugador}">
                                <h:graphicImage url="img/delete-24x24.png"/>
                                <f:param name="id" value="#{jugador.id}"/>
                            </h:commandLink>
                        </h:column>
                    </h:dataTable>
                    <h:panelGrid columns="3" styleClass="tablaJugadores">
                        <h:outputText value="Nombre"/>
                        <h:outputText value="Experiencia"/>
                        <h:outputText value="Nuevo"/>

                        <h:inputText value="#{gestorJugadores.jugador.nombre}"/>
                        <h:inputText value="#{gestorJugadores.jugador.expBase}"/>
                        <h:commandLink action="#{gestorJugadores.nuevoJugador}">
                            <h:graphicImage url="img/add-24x24.png"/>
                        </h:commandLink>
                    </h:panelGrid>
                </h:form>
                <h:messages />
            </h:panelGrid>
        </body>
    </html>
</f:view>
